<template>
	<view>
		<view class="box">
			<view class="icon">
				<view class="title">
					您有违规请留意
					<p>合理买卖，拒绝诈骗</p>
				</view>
			</view>
		</view>
		<view class="problem">
			<view class="problem-title">
				<span>危机交易安全（禁言7天)</span>
				<span class='state'>执行完毕</span>
			</view>
			<view class="cause">
				<p>违规原因: 您发布的效益聊天、留言或者商品信息中包含有站外引导信息</p>
				<p>场景举例: A在效益聊天中引导买家微信沟通</p>
			</view>
			<view class="time">
				处理开始: 2018-09-09 21: 23
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		
	}
</script>

<style lang="scss" scoped>
	.box{
		.icon{
			height: 440upx;
			background-color: #2FD9C0;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			.title{
				margin-top: 50upx;
				color: #fff;
				font-size: 40upx;
				P{
					margin-top: 20upx;
					font-size: 24upx;
					text-align: center;
				}
			}
		}	
	}
	.problem{
		padding: 40upx 80upx;
		.problem-title{
			display: flex;
			font-size: 26upx;
			justify-content: space-between;
			margin: 20upx 0;
			.state{
				color: #999999;
				font-size: 24upx;
			}
		}
		.cause{
			padding: 40upx 20upx;
			background-color: #F2F3F7;
			font-size: 24upx;
		}
		.time{
			color: #999999;
			font-size: 24upx;
			margin-top: 30upx;
		}
	}
	
</style>